<template>
  <cjui-page-panel header="基础柱状图1">
    <template #intro>
      保留了最基本元素的样式效果。
    </template>
    
    <CjuiEchart :loading="false" :noData="false" :options="chartOption" class="h-full" />
  </cjui-page-panel>
</template>

<script lang="ts" setup>
const chartOption = {
  xAxis: {
    data: ['2024-01-01', '2024-01-02', '2024-01-03', '2024-01-04', '2024-01-05', '2024-01-06', '2024-01-07'],
  },
  yAxis: {},
  tooltip: {},
  series: [
    {
      name: '柱1',
      data: [12, 32, 34, 45, 42, 22, 12],
      type: 'bar'
    }
  ]
}
</script>
